﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NEWNEWReport.aspx.cs" Inherits="mpsalaryprojectgroup.NEWNEWReport" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Welcome to the PGS Portal</title>
    
    <style type="text/css">
        .style1
        {
            color: #FF9933;
        }
        .style2
        {
            color: #663300;
        }
    </style>
    
</head>
<body>
    <form id="form1" runat="server">
    <meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="CSS\foundation.css">
	<link rel="stylesheet" href="CSS\app.css">
    <link rel="stylesheet" href="CSS\ie.css">


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!--CSS for hover over navigation tab-->
    
    <link rel="stylesheet" href="CSS/Tab.css">
    <script type="text/javascript" src="dropdown_menu.js"></script>
    <script type="text/javascript">
        var websiteID = 'thedesignsuperhero.com';
    </script>
    <script type="text/javascript" src="http://analytics.hosting24.com/s.php"></script>
    <noscript>
    <a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/s.php?websiteID=thedesignsuperhero.com" alt="web hosting" /></a>
    </noscript>

      <!--Navigation tab part 2 -->
<script>
    // Javascript originally by Patrick Griffiths and Dan Webb.
    // http://htmldog.com/articles/suckerfish/dropdowns/
    sfHover = function () {
        var sfEls = document.getElementById("navbar").getElementsByTagName("li");
        for (var i = 0; i < sfEls.length; i++) {
            sfEls[i].onmouseover = function () {
                this.className += " hover";
            }
            sfEls[i].onmouseout = function () {
                this.className = this.className.replace(new RegExp(" hover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
    
    <%--<link rel="stylesheet" href="CSS\Tab1.css">--%>

    <div class="container">
		<div class="row">
			<div class="twelve columns" align="center">
				<h2><img alt="" src="Images/orangesample%20copy.jpg" /></h2>
			</div>
		</div>
    </div>

        <div class="row">
        <!--for navigation tab-->
            <%--<ul id="button">

         <li><a href="#">Home</a></li>
         <li><a href="#">About</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">Clients</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">F.A.Q</a></li>
         <li><a href="#">Contact Us</a></li>
         <li><a href="/NEWMainPage.aspx">Sign Out</a></li>
           </ul>--%>


       <!--Navigation part 2-->
        
		<ul id="navbar">
			<li><a href="NEWUserExportFile.aspx">Home</a>
            <!-- put link to link back to homepage -->
			</li>
                <%--<li><a href="/NEWUserExportFile.aspx">View Result</a>
				<ul>
					<li><a href="/NEWUserExportFile.aspx">Past Result</a></li>
				</ul>			
			</li>--%>
            <li><a href="NEWAnalytical.aspx">Analytical</a>
                <ul>
                    <li><a href="NEWAnalytical.aspx">Analyse</a></li>
                    <li><a href="NEWNEWReport.aspx">Report</a></li>
                </ul>
            </li>

			<li><a href="NEWContactUs.aspx">Contact Us</a>
				<!--put contact details plus google map-->		
			</li>
			<li><a href="NEWUserUpdatePage.aspx">Account</a>	
                <ul>
					<li><a href="NEWUserUpdatePage.aspx">Update Account</a></li>
                    <li><a href="NEWDelete.aspx">Delete Account</a></li>
					    <%--<li><a href="/NEWMainPage.aspx">Logout</a></li>--%>
				</ul>             	
			</li>
            <li><a href="NEWMainPage.aspx">Logout</a>		
			</li>
		</ul>
    </div>

     <div class="row">
        <div class="twelve columns">
            Dear
            <asp:Label ID="lblUsername" runat="server" Font-Bold="True"></asp:Label>
            ,</div>
    </div>

    <div class="row">
        <div class="twelve columns" align="center">
            <h3 class="style1">Search Salary</h3>
        </div>
    </div>

    <div class="row">
        <div class="three columns">
            <table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFCC99">
                <tr>
                    <td bgcolor="#FFCC99" class="style2">
                        Year:
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFCC99">
                        <asp:DropDownList ID="ddlistYear" runat="server" Width="150px" 
                         onselectedindexchanged="ddlistYear_SelectedIndexChanged">
                            <asp:ListItem>2010</asp:ListItem>
                            <asp:ListItem>2009</asp:ListItem>
                            <asp:ListItem>2008</asp:ListItem>
                            <asp:ListItem>2007</asp:ListItem>
                        </asp:DropDownList>  
                    </td>
                
                </tr>
                <tr>
                    <td bgcolor="#FFCC99" class="style2">
                        School:

                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFCC99">
                        <asp:DropDownList ID="ddlSchool" runat="server" Width="150px">
                            <asp:ListItem Value="TP">Temasek Polytechnic</asp:ListItem>
                            <asp:ListItem Value="NP">Ngee Ann Polytechnic</asp:ListItem>
                            <asp:ListItem Value="SP">Singapore Polytechnic</asp:ListItem>
                            <asp:ListItem Value="RP">Republic Polytechnic</asp:ListItem>
                            <asp:ListItem Value="NYP">Nanyang Polytechnic</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFCC99" class="style2">
                        Course Group:
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFCC99">
                        <asp:DropDownList ID="ddlCourseGroup" runat="server" 
                        Width="150px" DataSourceID="SqlDataSource1" DataTextField="Course" 
                        DataValueField="Course" Height="16px">
                            <asp:ListItem></asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFCC99" class="style2">
                        OR Search Term:
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFCC99">
                        <asp:TextBox ID="tbxSearch" runat="server"></asp:TextBox>
                        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                        ConnectionString="<%$ ConnectionStrings:dbConn %>" 
                        SelectCommand="SELECT distinct [Course] FROM [Wages] ORDER BY [Course]">
                        </asp:SqlDataSource>
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFCC99">
                        <asp:Button ID="btnReset" runat="server" Text="Reset" Width="75px" 
                        onclick="btnReset_Click" BackColor="#FFCC66" Font-Bold="True" 
                            ForeColor="#663300" />
                        <asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="75px" 
                        onclick="btnSubmit_Click" BackColor="#FFCC66" Font-Bold="True" 
                            ForeColor="#663300" />
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFCC99">
                        <asp:Button ID="btnProceed" runat="server" Text="Proceed to Choose Salary" 
                        onclick="btnProceed_Click" BackColor="#FFCC66" Font-Bold="True" 
                            ForeColor="#663300" />
                    </td>
                </tr>
               
            </table>     
      </div>

        <div class="eight columns">
        <asp:Label ID="lblReturnNoResults" runat="server" Text="Label" Visible="False"></asp:Label>
            <asp:GridView ID="GridView1"  CssClass="UserReport" runat="server" 
                CellPadding="2" ForeColor="Black" 
                GridLines="None" Width="320px" OnRowDataBound="GridView1_RowDataBound" 
                BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px">
                <AlternatingRowStyle BackColor="PaleGoldenrod" />
                <FooterStyle BackColor="Tan" Font-Size="X-Small" />
                <HeaderStyle BackColor="Tan" Font-Bold="True" Font-Size="X-Small"/>
                <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue" 
                    HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
                <SortedAscendingCellStyle BackColor="#FAFAE7" />
                <SortedAscendingHeaderStyle BackColor="#DAC09E" />
                <SortedDescendingCellStyle BackColor="#E1DB9C" />
                <SortedDescendingHeaderStyle BackColor="#C2A47B" />
            </asp:GridView>
            
            

        </div>

        <!--div class="one columns">
        <!--/div-->
        

    <div class="row">
        <div class="twelve columns" align="center">
        <br />
        <br />
        <br />
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/school.JPG" />
            <div class="six column"></div>
        </div>
    </div>

    <!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>

    </form>
</body>
</html>
